<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" charset='utf-8'>
<meta charset="utf-8">

<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

<script type="text/javascript" src="/shambles/mobile/singleton.js"></script>

<script type="text/javascript">
  var campusId=1;
  var redirectUrl="https://open.weixin.qq.com/connect/oauth2/authorize?appid="+APPID+"&redirect_uri="+DOMAIN+"/shambles/mobile/1/userSetting.html&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect";
</script>

<script type="text/javascript" src="js/userSetting.js"></script>

<link rel="stylesheet" href="../../weixinUI/style/weui.css"/>
<link rel="stylesheet" href="../../weixinUI/example.css"/>



<body>
<div class="mainElement">
<div class="user" style="height:44px;">
<img class="headimgUrl" src="" width="44px" height="44px">
<p class="nickName"></p>
</div>

<div  style="height:2px; background-color:#c0c0c0"></div>
</div>

<div class="weui_dialog_alert" id="dialog2" style="display: none;">
    <div class="weui_mask"></div>
    <div class="weui_dialog">
        <div class="weui_dialog_hd"><strong class="weui_dialog_title"></strong></div>
        <div class="weui_dialog_bd"></div>
        <div class="weui_dialog_ft">
            <a href="javascript:;" class="weui_btn_dialog primary">确定</a>
        </div>
    </div>
</div>

<div class="weui_cells weui_cells_form">
        <div class="weui_cell" id="w1">
            <div class="weui_cell_hd"><label class="weui_label">姓名</label></div>
            <div class="weui_cell_bd weui_cell_primary name">
                <input class="weui_input" id="name" type="text"  placeholder="请输入您的姓名">
            </div>
            <div class="weui_cell_ft">
                <i class="weui_icon_warn"></i>
            </div>
        </div>
        <div class="weui_cell">
            <div class="weui_cell_hd"><label class="weui_label">职务</label></div>
            <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input" id="headship" type="text"  placeholder="请输入您的职务">
            </div>
        </div>
        <div class="weui_cell " id="w2">
            <div class="weui_cell_hd"><label class="weui_label">手机号</label></div>
             <div class="weui_cell_bd weui_cell_primary phone">
                <input class="weui_input" id="phone" type="number" pattern="[0-9]*" placeholder="请输入号码">
            </div>
            <div class="weui_cell_ft">
                <i class="weui_icon_warn"></i>
            </div>
        </div>
       <div class="weui_cell " id="w3">
            <div class="weui_cell_hd"><label class="weui_label">Email</label></div>
            <div class="weui_cell_bd weui_cell_primary email">
                <input class="weui_input" id="email" type="text"  placeholder="请输入email">
            </div>
            <div class="weui_cell_ft">
                <i class="weui_icon_warn"></i>
            </div>
        </div>
        <div class="weui_cell">
            <div class="weui_cell_hd"><label class="weui_label">地址</label></div>
            <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input" id="address" type="text"  placeholder="请输入地址">
            </div>
        </div>
        <div class="weui_cell weui_vcode">
            <div class="weui_cell_hd"><label class="weui_label">验证码</label></div>
            <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input" id="regtlx" type="text" placeholder="请输入验证码">
            </div>
            <div class="weui_cell_ft">
                <img id="re_img1" width="130px" src="/shambles/mobile/register/getYzm.do">
            </div>
        </div>
    </div>

<div class="weui_btn_area">
        <a class="weui_btn weui_btn_primary" href="javascript:" id="showTooltips">确定</a>
</div>

<script type="text/javascript">
 function refreshValidatecode(){
	 var img=document.getElementById('re_img1');
	 img.src="/shambles/mobile/register/getYzm.do?t="+Math.random();
    } 
 $(".primary").on("click",function(){
     $("#dialog2").attr("style","display:none"); 
 });

</script>

<style type="text/css">
.user{
   padding:0 0 0 5px;
   background-color:#f5f5f5;
}

.headimgUrl{
  border-radius:50%;
}

.nickName{
   position:absolute;
   display: inline-block;
   padding:2px 0 0 8px;
}


</style>

</body>

</html>